<template>
    <view>
        <view class="container">
            <!-- 头部 -->
            <view class="header">
                <uni-nav-bar left-text="返回" @clickLeft="$router.go(-1)" :border="false" height="110rpx" left-icon="left" title="修改个人资料"></uni-nav-bar>
            </view>

            <!-- 修改 -->
            <view class="modify">
                <view class="head">
                    <view class="left">
                        <img src="@/static/member/images/user.png" alt="" />
                        <view class="touxiang">
                            头像
                        </view>
                    </view>
                    <view class="more">
                        <img src="@/static/member/images/head.png" alt="" />
                        <i class="iconfont icon-youjiantou"></i>
                    </view>
                </view>
                <view class="name">
                    <view class="left">
                        <img src="@/static/member/images/card.png" alt="" />
                        昵称
                    </view>
                    <view class="more">
                        <input type="text" name="" id="" placeholder="噶哥">
                        <i class="iconfont icon-youjiantou"></i>
                    </view>
                </view>
                <view class="gender">
                    <view class="left">
                        <img src="@/static/member/images/sex.png" alt="" />
                        性别
                    </view>
                    <view class="more">
                        <input type="text" name="" id="" value="保密">
                        <i class="iconfont icon-youjiantou"></i>
                    </view>
                </view>
                <view class="phone">
                    <view class="left">
                        <i class="iconfont icon-12shoujihaoma"></i>
                        手机
                    </view>
                    <view class="more">
                        <input type="text" name="" id="" value="13522566761">
                        <i class="iconfont icon-youjiantou"></i>
                    </view>
                </view>
            </view>
            <!-- 保存 -->
            <view class="save">
                保存
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {

            };
        }
    }
</script>

<style lang="less">
    @import url(@/static/member/modify.less);
</style>